Comment créer un thème de boutique Shopify avec Canva | Tutoriel pas à pas

By McKenna Beverly · 2023-07-31

Ce tutoriel explique comment créer un thème Shopify en utilisant Canva pour les bannières web et les images. Il détaille les étapes de personnalisation du thème, y compris l'ajustement du schéma de couleurs, la position du logo et le téléchargement du logo. Ce guide simplifié est idéal pour les débutants.

Créer un thème Shopify avec Canva

  • Pour créer un thème Shopify, l'utilisation du logiciel Canva pour créer des bannières web et des images est essentielle.

  • Pour commencer, ouvrez Shopify et accédez à Boutique en ligne, puis Thèmes.

  • Sélectionnez un modèle de site web parmi les options proposées.

  • Personnalisez le thème en ajustant le schéma de couleurs, en changeant la position du logo et en modifiant le texte de la barre d'annonce.

  • Utilisez les paramètres du thème pour télécharger votre logo et ajuster les éléments visuels.

  • Ce tutoriel simplifié vous guidera dans la création d'un thème attrayant pour votre boutique en ligne Shopify.

Créer un thème Shopify avec Canva
Créer un thème Shopify avec Canva

Optimisation de l'image et du banner pour le site web

  • Pour ajouter un logo, vous devez cliquer sur l'option 'Sélectionner une image'. Ensuite, vous pourrez télécharger une image directement depuis votre ordinateur et elle s'appliquera à cet emplacement.

  • Vous pouvez ajuster la largeur du logo depuis l'option 'Largeur du logo de bureau' et ainsi agrandir sa taille.

  • Assurez-vous de désactiver l'en-tête fixe lorsque vous cliquez sur l'en-tête. Cela permet d'éviter que l'en-tête ne s'affiche lorsque l'utilisateur fait défiler la page vers le haut.

  • Pour remplir le banner d'image, supprimez d'abord le texte de l'en-tête en cliquant sur 'Supprimer le bloc'. Désactivez également le style de bouton de contour. Ensuite, réduisez l'opacité du recouvrement de l'image à zéro.

  • Ensuite, vous pouvez créer le banner d'image pour cette section en utilisant un logiciel tel que Canva. Choisissez un modèle de bannière web avec des dimensions de 4320 x 2160 pixels. Ajoutez les images souhaitées et ajustez-les selon vos préférences.

Optimisation de l'image et du banner pour le site web
Optimisation de l'image et du banner pour le site web

Optimisation de la bannière et des catégories de la boutique Shopify

  • Pour la bannière de la boutique en ligne, l'auteur explique comment sélectionner et télécharger une image spécifique, puis ajuster sa hauteur.

  • Ensuite, il ajoute des catégories de produits à la boutique en sélectionnant une liste de collections et en les ajoutant à la page.

  • Il souligne également l'importance du format PNG pour la qualité de l'image.

  • Enfin, il mentionne l'ajout d'un arrière-plan noir autour du texte pour un effet visuel.

  • Il met en avant la nécessité de télécharger l'image de la bannière en format PNG pour une meilleure qualité.

Optimisation de la bannière et des catégories de la boutique Shopify
Optimisation de la bannière et des catégories de la boutique Shopify

Optimisation SEO et création de site Web avec Shopify

  • Pour ajuster la police d'écriture, il suffit de se rendre dans Paramètres, puis Typography, et augmenter le nombre à quatre ou cinq.

  • Pour changer la police d'écriture, il faut cliquer sur Paramètres, puis Typography, et sélectionner la police souhaitée, comme Cormorant par exemple.

  • Pour ajouter la section 'À propos de nous', il suffit de sélectionner 'Image avec texte', insérer le contenu textuel, et définir le libellé du bouton comme 'Contactez-nous' en y ajoutant un lien vers la page correspondante.

  • Ensuite, il est possible d'ajouter une image pour cette section en la téléchargeant depuis Canva, en la modifiant si nécessaire, puis en l'important au format PNG dans Shopify.

  • Pour inclure une collection phare, il faut sélectionner la section 'Collection phare', puis choisir la collection désirée.

  • Enfin, pour ajouter un petit plus, il est recommandé d'utiliser une astuce particulière.

Optimisation SEO et création de site Web avec Shopify
Optimisation SEO et création de site Web avec Shopify

Ajouter une section d'avis et de témoignages

  • Pour ajouter une section d'avis et de témoignages, sélectionnez d'abord la mise en page multi-colonnes avec quatre colonnes.

  • Ensuite, insérez votre texte dans la section prévue à cet effet.

  • Utilisez Canva pour créer une image de profil du client avec les avis. Insérez une forme et un cadre circulaire, puis ajoutez une photo et des graphiques d'étoiles en ajustant les couleurs.

  • Téléchargez l'image et importez-la dans la section réservée aux photos.

  • Enfin, créez une section diaporama en insérant le texte et en n'oubliant pas de remplir le libellé du bouton.

Ajouter une section d'avis et de témoignages
Ajouter une section d'avis et de témoignages

Ajout de section de blog à votre site Web

  • La deuxième partie de la présentation concerne l'ajout de la section blog. Cette étape est optionnelle, mais elle permet de promouvoir votre blog sur votre site.

  • Pour ajouter cette section, il suffit de sélectionner l'option multi-rangée, insérer une image et ajouter votre texte.

  • Vous pouvez également ajouter un lien vers votre blog dans le texte d'en-tête ou le texte de légende.

  • Ensuite, vous pouvez ajouter une section d'inscription à la newsletter. Cette étape est facultative, mais vous permet de personnaliser le fond en gris foncé et de changer la couleur du texte en blanc.

  • Enfin, vous pouvez enrichir votre site avec une section Instagram en utilisant l'option multi-colonne et en suivant les étapes indiquées.

Ajout de section de blog à votre site Web
Ajout de section de blog à votre site Web

Optimisation SEO et traduction multilingue

  • Insérez simplement votre publication Instagram ici.

  • Une fois terminé, assurez-vous d'insérer le lien de votre Instagram dans l'étiquette du bouton.

  • Enfin, nous allons ajouter la page de contact. Je vais simplement insérer une bannière d'image et supprimer tous ces éléments en haut.

  • Maintenant, je vais insérer tous les éléments de texte. J'ai ajouté tout mon texte, vous pouvez essentiellement ajouter les icônes que vous souhaitez.

  • Cette police est Authentic. Ceci est Brown Sugar. C'est Glacial Indifference et cette police est Ulta.

  • Téléchargez simplement cela. Ensuite, nous allons le télécharger dans cette zone sur Shopify et voici à quoi cela va ressembler.

  • Maintenant, vous pouvez profiter de votre tout nouveau site web.

  • Juste une petite information, ce modèle est actuellement disponible sur ma boutique. Il comprend tous les modèles Canva et un guide d'instructions pas à pas.

  • Merci à tous pour votre visionnage et je vous dis à bientôt dans la prochaine vidéo.

Optimisation SEO et traduction multilingue
Optimisation SEO et traduction multilingue

Conclusion:

Ce tutoriel détaillé vous guide pas à pas pour créer un thème de boutique Shopify avec Canva. Vous apprendrez à personnaliser les bannières web, à ajuster le schéma de couleurs, à positionner le logo et à télécharger le logo. Parfait pour les débutants dans la création de thèmes de boutique en ligne.

création de thème Shopifypersonnalisation de thèmeCanva pour Shopifytutoriel boutique en lignepersonnaliser bannières webajuster schéma de couleur
3 Idées d'Entreprises à Lancer Avec 0 $ en 2024Comment j'ai construit une entreprise de 1M$ à partir de ce Starbucks

About Us

Heichat is dedicated to enhancing customer service experience through AI technology. By learning about your store's products/policies, it can efficiently handle customer service tasks, reducing your burden and boosting your sales.

Affiliate Program

Join Friends of HeiChat and receive a 30% commission on all payments within the first 12 months.🎉🤝

Sign Up

Contact Info

heicarbook@gmail.com

Follow Us

@Heicarbook All rights reserved